<template>
    <div>首页</div>
    <MainMenu :menuConfig="menuConfig"></MainMenu>
</template>
<script lang="ts" setup>
import MainMenu from '@/components/MainMenu.vue' // 修正拼写错误
import { ref } from 'vue'
import { UserOutlined, VideoCameraOutlined, UploadOutlined } from '@ant-design/icons-vue'
const menuConfig = ref([
    {
        key: 'home',
        title: '首页',
        icon: UserOutlined, // 修正图标名称为 UserOutlined
        children: [
            {
                key: 'productList',
                title: '子菜单1',
                icon: VideoCameraOutlined, // 修正图标名称为 VideoCameraOutlined
                route: { path: '/productList' }, // 修正路由路径为 '/menu1-1'
            },
        ]
    }
])
</script>